* {
  margin : 0;
  padding: 0;
}

body {
  background-color: #f1f1f1;
  color           : #6d767e;
  padding         : 15px;
  box-sizing      : border-box;
  font-size       : 14px;
}

.header {
  height: 36px !important;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
}

.header h1 {
  font-size  : 18px;
  margin-bottom: 0 !important;
}


/* 表格 */
.table {
  margin          : 10px auto;
  width           : 100%;
  border-left     : solid 1px #ccc;
  border-top      : solid 1px #ccc;
  border-spacing  : 0;
  border-radius   : 4px;
  background-color: #fff;
  font-size       : 12px;
}

.table th,
.table td {
  border-right : solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding      : 8px 0;
  text-align   : center;
}

.table tr th:last-child {
  border-radius: 0 4px 0 0;
}

.table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

.table tbody tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}
.table tr {
  line-height: 32px;
}
/* .btn-primary {
  background-color: #747ced !important;
  border-color: #747ced !important;
} */
.table .btn-sm, .header .btn-sm {
  zoom: 0.8 !important;
}
.float {
  float: right;
  margin-bottom: 10px;
}
.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* .modal {
  width: 600px !important;
} */

/* @media (min-width: 576px) {
  .modal-dialog {
  width:385px !important;
}
} */
.flex {
  display: flex;
}
.col-auto  {
  height: 30px !important;
  margin-top: 0 !important;
}
.col-form-label {
  font-size: 14px !important;
}

.self-valign {
  display: flex;
  align-items: center;
}

.self-valign .form-check {
  margin-bottom: 0;
}

.add-form label {
  text-align: center;
}